	<h2>可编辑树形菜单 - Editable Tree</h2>
	<div class="demo-info" style="margin-bottom:10px">单击节点开始编辑,按回车键停止编辑或esc键取消编辑。
	  <div></div>
	</div>
	
	<ul id="tt" class="easyui-tree" data-options="url:'documentation/tree_data.json',animate:true,
			onClick:function(node){$(this).tree('beginEdit',node.target)}"
	></ul>
<h3>页面代码： </h3>
<pre name="code" class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
	&lt;title&gt;Editable Tree - jQuery EasyUI Demo&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/default/easyui.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../themes/icon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;demo.css&quot;&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery-1.7.2.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;../jquery.easyui.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;h2&gt;可编辑树形菜单 - Editable Tree&lt;/h2&gt;
	&lt;div class=&quot;demo-info&quot; style=&quot;margin-bottom:10px&quot;&gt;单击节点开始编辑,按回车键停止编辑或esc键取消编辑。
	  &lt;div&gt;&lt;/div&gt;
	&lt;/div&gt;
	
	&lt;ul id=&quot;tt&quot; class=&quot;easyui-tree&quot; data-options=&quot;url:'documentation/tree_data.json',animate:true,
			onClick:function(node){$(this).tree('beginEdit',node.target)}&quot;
	&gt;&lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;</pre>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>